<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/category.css">
    <link rel="stylesheet" href="../css/common.css">
    <title>分类</title>
</head>
<body>
<div class="big_box">
    <!--头部导航开始-->
    <header >
        <div class="header">
            <div class="left_jt">
                <a href="">
                    <img src="../img/箭头左.png"/>
                </a>
            </div>
            <div class="logo">
                <b>全部分类</b>
            </div>
            <div class="Category">
                <a class="my-account">
                    <img src="../img/分类.png"/>
                </a>
            </div>
        </div>
    </header>

    <!--分类导航样式 默认隐藏-->
    <div class="new-tbl-type" id="CMenu" >
        <a class="new-tbl-cell" href="index.html">
            <img class="icon1" src="../img/detail/首页.png"/>
            <br>
            首页
        </a>
        <a class="new-tbl-cell" href="#">
            <img class="icon2" src="../img/detail/分类.png"/>
            <br>
            分类搜索
        </a>
        <a class="new-tbl-cell" href="">
            <img src="../img/detail/购物车.png"/>
            <br>
            购物车
        </a>
        <a class="new-tbl-cell" href="login.html">
            <img src="../img/detail/我的.png"/>
            <br>
            我的
        </a>
    </div>
    <!-- 分类图标icon -->
    <div class="icon_box">
        <div class="icon">

            <a href="fresh_flower.html">
                <div class="icon_flower">
                    <img src="../img/icon/flower.png" />
                </div>
                <br>
                鲜花
            </a>

            <a href="">
                <div class="icon_everflower" >
                    <img src="../img/icon/everflower.png" />
                </div>
                <br>
                永生花
            </a>

            <a href="">
                <div class="icon_plant" >
                    <img src="../img/icon/plant.png"/>
                </div>
                <br>
                绿植多肉
            </a>

            <a href="">
                <div class="icon_jian" >
                    <img src="../img/icon/jian.png"/>
                </div>
                <br>
                花艺周边
            </a>

        </div>
    </div>
    <!--开始分类-->
    <div>
        <div class="cate_f">
            <p class="p_fresh">鲜花</p>
            <div class="cate_fresh">
                <div class="items">
                    <p class="flower_cate">鲜花花材</p>
                    <p>
                        <a href="#!/fresh_flower?cate=玫瑰" class="same">玫瑰</a>
                        <a href="#!/fresh_flower?cate=康乃馨" class="same">康乃馨</a>
                        <a href="#!/fresh_flower?cate=百合" class="same">百合</a>
                    </p>
                    <p>
                        <a href="#!/fresh_flower?cate=向日葵" class="same">向日葵</a>
                        <a href="#!/fresh_flower?cate=绣球" class="same">绣球</a>
                        <a href="#!/fresh_flower?cate=满天星" class="same">满天星</a>
                    </p>
                    <p>
                        <a href="#!/fresh_flower?cate=红豆" class="same">红豆</a>
                        <a href="#!/fresh_flower?cate=石竹梅" class="same">石竹梅</a>
                        <a href="#!/fresh_flower?cate=勿忘我" class="same">勿忘我</a>
                    </p>
                    <p>
                        <a href="#!/fresh_flower?cate=桔梗" class="same">桔梗</a>
                        <a href="#!/fresh_flower?cate=黄金枝" class="same">黄金枝</a>
                    </p>
                </div>

                <div class="items">
                    <p class="flower_cate">鲜花用途</p>
                    <p>
                        <a href="#!/fresh_flower?cate=爱情鲜花" class="same">爱情鲜花</a>
                        <a href="#!/fresh_flower?cate=友情鲜花" class="same">友情鲜花</a>
                        <a href="#!/fresh_flower?cate=问候长辈" class="same">问候长辈</a>
                    </p>
                    <p>
                        <a href="#!/fresh_flower?cate=祝贺鲜花" class="same">祝贺鲜花</a>
                    <p>
                </div>
            </div>

            <div class="items1">
                <p class="flower_cate">永生花</p>
                <p>
                    <a href="#!/ever_flower?cate=经典花盒" class="same">经典花盒</a>
                    <a href="#!/ever_flower?cate=永生瓶花" class="same">永生瓶花</a>
                    <a href="#!/ever_flower?cate=薰衣草" class="same">薰衣草</a>
                </p>
            </div>
            <div class="items1">
                <p class="flower_cate" >绿植多肉</p>
                <p>
                    <a href="#!/ever_flower?cate=经典花盒" class="same">多肉微景观</a>
                    <a href="#!/ever_flower?cate=永生瓶花" class="same">绿植盆栽</a>
                </p>
            </div>
            <div class="items1">
                <p class="flower_cate">花艺周边</p>
                <p>
                    <a href="#!/ever_flower?cate=经典花盒" class="same">坂园花剪</a>
                    <a href="#!/ever_flower?cate=永生瓶花" class="same">花瓶</a>
                </p>
            </div>
        </div>
    </div>
    <div id="goTop">
        <img src="../img/返回顶部.png" />
    </div>
</div>
<script src="../js/jquery-3.1.1.js"></script>
<script src="../js/common.js"></script>

<script>

</script>
</body>
</html>